<!doctype html>  
<html lang="en">
<head>
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<title>Treats!</title>
	<link rel="stylesheet" href="//redactorjs.com/js/redactor/redactor.css" />
	<link rel="stylesheet" href="../css/bootstrap.min.css">
	<link rel="stylesheet" href="../css/treats.css">
</head>
<body>
	<div class="container">
		<header>
			<h1>TREATPOUCH</h1>
		</header>
		<div id="main" class="span12 boxy">
			<span class="label label-success hidden saved">Saved!</span>
			<form id="new">
				<input type="text" id="title" placeholder="What are you gonna call it?" class="span12" />
				<textarea id="redactor" rows="10"></textarea>
				<input type="hidden" id="id"/>
				<input id="save" type="submit" value="Save" class="btn btn-success" /><img src="../img/ajax-loader.gif" class="ajax" style="display:none;" />
			</form>   
			<hr />
			<div class="treats"><img src="../img/ajax-loader.gif" class="ajax" /></div>
		</div>
		<footer>
			<small>You are logged is as <strong>{{ nickname.nickname }}</strong> &bull; <a href="{{ logout }}">sign out</a></small>
		</footer>
	</div> 
	<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.js"></script>
	<link href='//fonts.googleapis.com/css?family=Oswald:700,300' rel='stylesheet' type='text/css'>
	<script src="//redactorjs.com/js/redactor/redactor.js"></script>
	<script src="../js/script.js"></script>
</body>
</html>
